<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>显示模式</title>
		<link href="css/beijin.css" rel="stylesheet"/>
	</head>
	<body>
	<!-- 	
		元素的显示：
		1.块元素block
		  比较霸道 单独占一行
		  默认的宽度和父级元素宽度的100%
		  可以给盒子设置宽 高
		  可以设置对齐属性
		2.行内元素inline
		一行显示多个 
		默认的宽度就是内容的宽度
		宽 高属性无效
		不能设置对齐属性
		-->
		<div class="box">holle</div>
		<p class="box">holle 段落</p>
		<h1 class="box">一级标题</h1>
		<span>holle span</span>
		<del class="box">删除线</del>
		
	</body>
</html>
